<!-- toaster directive -->
<toaster-container toaster-options="{'position-class': 'toast-top-right', 'close-button':true}"></toaster-container>
<!-- / toaster directive -->

<!-- 导航条 -->
<div class="bg-white bread-crumb">
    <ul class="breadcrumb b-a m-b-n-xs lter b-b wrapper-md">
        <li><a ui-sref="main.member.maintenance.group">维修人员组</a></li>
        <li class="active" ng-bind="title"></li>
    </ul>
</div>
<div ng-show="loading" class="text-center m-t-md text-lg dataWarn"><i class="fa fa-spin fa-spinner"></i> 数据加载中...</div>
<!-- 内容区域 -->
<div class="wrapper-md content">
    <div class="panel panel-default">
        <!-- 头部 -->
        <div class="panel-heading font-bold">
            <div class="w-auto">
                <form class="form-inline">

                    <div class="form-group">
                        <label for="name">姓名：</label>
                        <input type="text" class="form-control" ng-model="param.personName" style="width: 180px"
                               id="name" placeholder="请输入姓名">
                    </div>
                    <div class="form-group">
                        <label for="IDCardNo">联系方式：</label>
                        <input type="text" class="form-control" ng-model="param.mobileNo" style="width: 180px"
                               id="IDCardNo"
                               placeholder="请输入联系方式">
                    </div>
                    <div class="form-group">
                        <button type="submit" class="btn btn-primary new-primary" style="margin-left: 10px"
                                ng-click="search()" ng-show="read">查询
                        </button>
                    </div>
                    <a ui-sref="main.member.maintenance.create({'groupCode':groupCode})" class="btn btn-info addNew" ng-show="add">
                        <i class="icon-user-follow m-r-sm text-md"></i>添加维修人员
                    </a>
                </form>

            </div>
        </div>
        <!--表单-->
        <div class="panel-body">
                <!--维修人员-->
                <table class="table table-striped b-t b-light text-center">
                    <thead>
                        <tr>
                            <th>姓名</th>
                            <th>性别</th>
                            <th>身份证号</th>
                            <th>联系方式</th>
                            <th>操作</th>
                        </tr>
                    </thead>
                    <tbody>
                        <tr ng-repeat="data in pageInfo.data">
                            <td ng-bind="data.personName"></td>
                            <td>
                                <span ng-show="{{data.sex=='1'}}">男</span>
                                <span ng-show="{{data.sex=='2'}}">女</span>
                            </td>
                            <td ng-bind="data.IDCardNo"></td>
                            <td ng-bind="data.mobileNo"></td>
                            <td><button class="deleBtn" ng-click="delItem(data.id, data.personName)">删除</button></td>
                        </tr>
                    </tbody>
                </table>

        </div>
        <span data-ng-include=" 'src/tpl/pageInfo.html' "></span>
    </div>
</div>

<style scoped>
    ::-webkit-input-placeholder { /* WebKit browsers */
        font-weight: normal;
    }
    :-moz-placeholder { /* Mozilla Firefox 4 to 18 */
        font-weight: normal;
    }
    ::-moz-placeholder { /* Mozilla Firefox 19+ */
        font-weight: normal;
    }
    :-ms-input-placeholder { /* Internet Explorer 10+ */
        font-weight: normal;
    }
    .app-content-body .content{
        margin-top:46px;
        background:#fff;
    }
    .deleBtn{
        padding:2px 3px;
        border:solid 1px;color:#fb7009;
        border-radius:4px;
        background: none;
    }
    .deleBtn:hover{
        background-color: #fb7009;
        color: #FFF;
        border-radius:0px;
    }
    .btn {
        padding: 8px 10px;
    }
</style>